<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/test.css">
    <title>爱健康 爱生活</title>
    <!--控制屏幕适配-->
    <script src="js/comm.js"></script>
    <script src="js/test.js"></script>
</head>
<body>
<!--头部菜单-->
    <div id="header">
        <img class="return"  src="images/return.png">
        <a href="#">返回</a>
        <a href="#">关闭</a>
        <label class="title">爱健康 爱生活</label>
        <img class="more" src="images/more.png">
    </div>
    <div id="title">
        <lable class="result">测试结果</lable>
        <img class="cus" src="images/customer.png" alt="">
    </div>
    <!--内容-->
    <div id="content">
       <!--健康评估-->
        <div class="h_assessment">
            <div class="h_top">
                <img class="title"  src="images/title.png">
                <label>健康评估</label>
            </div>
           <div class="h_cont">
              <p>合理营养时人体健康的重要物质基础，而平衡膳食是合理营养的核心。各种食物合理搭配组合，才能达到合理营养的目的。营养均衡才能防止
                  某些营养摄入过量或缺失而导致机体不必要的负担和代谢伤的紊乱最终导致某些疾病。合理营养时人体健康的重要物质基础，而平衡膳食是合理营养的核心。各种食物合理搭配组合，才能达到合理营养的目的。营养均衡才能防止
                  某些营养摄入过量或缺失而导致机体不必要的负担和代谢伤的紊乱最终导致某些疾病。您好！根据您的测评，我们先来了解一下您的基本健康情况,您的健康得分为<span class="">78</span>分，处于<span class="state">xxx</span>状态。</p>
              <p class="p2">合理营养时人体健康的重要物质基础，而平衡膳食是合理营养的核心。各种食物合理搭配组合，才能达到合理营养的目的。营养均衡才能防止
                  某些营养摄入过量或缺失而导致机体不必要的负担和代谢伤的紊乱最终导致某些疾病。合理营养时人体健康的重要物质基础，而平衡膳食是合理营养的核心。各种食物合理搭配组合，才能达到合理营养的目的。营养均衡才能防止
                  某些营养摄入过量或缺失而导致机体不必要的负担和代谢伤的紊乱最终导致某些疾病。恭喜您您并没有常见慢性病的困扰。希望您的生活能够更加健康！</p>
           </div>
        </div>
        <!--健康四要素-->
        <div class="h_four">
            <div class="f_title"><lable>健康四要素</lable></div>
            <div class="f_content">
               <span class="span1">保持良好作息</span>
               <p class="p2">合理营养时人体健康的重要物质基础，而平衡膳食是合理营养的核心。各种食物合理搭配组合，才能达到合理营养的目的。营养均衡才能防止
                   某些营养摄入过量或缺失而导致机体不必要的负担和代谢伤的紊乱最终导致某些疾病。合理营养时人体健康的重要物质基础，而平衡膳食是合理营养的核心。各种食物合理搭配组合，才能达到合理营养的目的。营养均衡才能防止
                   某些营养摄入过量或缺失而导致机体不必要的负担和代谢伤的紊乱最终导致某些疾病。根据生物钟的规律,寻找合适的生活作息,列出适合自己健康的生活时刻表。生物钟的正常运转时人体健康长寿、益智、欢愉、增美的保证。</p>

               <span class="span1">良好的心情</span>
               <p class="p2">一个健康的人不仅要身体健康,更重要心理健康，随着现在社会发展的节奏加快,心理健康越发重要。为人处世中有意识的培养自己内心的定力,
                                学会情绪管理，寻找适当的放血方式也是身体健康的保障</p>

                <span class="span1">营养的均衡</span>
                <p class="p2">合理营养时人体健康的重要物质基础，而平衡膳食是合理营养的核心。各种食物合理搭配组合，才能达到合理营养的目的。营养均衡才能防止
                某些营养摄入过量或缺失而导致机体不必要的负担和代谢伤的紊乱最终导致某些疾病。合理营养时人体健康的重要物质基础，而平衡膳食是合理营养的核心。各种食物合理搭配组合，才能达到合理营养的目的。营养均衡才能防止
                    某些营养摄入过量或缺失而导致机体不必要的负担和代谢伤的紊乱最终导致某些疾病。合理营养时人体健康的重要物质基础，而平衡膳食是合理营养的核心。各种食物合理搭配组合，才能达到合理营养的目的。营养均衡才能防止
                    某些营养摄入过量或缺失而导致机体不必要的负担和代谢伤的紊乱最终导致某些疾病。</p>

                <span class="span1">适当运动与健康睡眠</span>
                <p class="p2">适量的运动不仅能增加热能的消耗。还可以增强机体代谢，同时还可以进一步改善睡眠的状态。健康的睡眠可以消除身体和大脑的疲劳，给身体足够的休息时间
                ,在心理上也有消除压力起着至关重要的作用。BMI指数简称体重指数，是目前国际上常用的人体胖瘦以及是否健康的指标。</p>
                <p class="p2">恭喜您，您的BMI数值显示您已经属于健康体重，请继续保持下去！BMI指数简称体重指数，是目前国际上常用的人体胖瘦以及是否健康的指标。</p>
                <p class="p2">恭喜您，您的BMI数值显示您已经属于健康体重，请继续保持下去！</p>
            </div>
        </div>
        <!--体重管理-->
        <div class="h_weight">
            <div class="h_top">
                <img class="title"  src="images/title.png">
                <label>体重管理</label>
            </div>
            <div class="h_cont">
                <p>您的BMI为<span class="bmi"></span>。BMI指数简称体重指数，是目前国际上常用的人体胖瘦以及是否健康的指标。</p>
                <p class="p2">恭喜您，您的BMI数值显示您已经属于健康体重，请继续保持下去！适量的运动不仅能增加热能的消耗。还可以增强机体代谢，同时还可以进一步改善睡眠的状态。健康的睡眠可以消除身体和大脑的疲劳，给身体足够的休息时间
                    ,在心理上也有消除压力起着至关重要的作用。BMI指数简称体重指数，是目前国际上常用的人体胖瘦以及是否健康的指标。适量的运动不仅能增加热能的消耗。还可以增强机体代谢，同时还可以进一步改善睡眠的状态。健康的睡眠可以消除身体和大脑的疲劳，给身体足够的休息时间
                    ,在心理上也有消除压力起着至关重要的作用。BMI指数简称体重指数，是目前国际上常用的人体胖瘦以及是否健康的指标。适量的运动不仅能增加热能的消耗。还可以增强机体代谢，同时还可以进一步改善睡眠的状态。健康的睡眠可以消除身体和大脑的疲劳，给身体足够的休息时间
                    ,在心理上也有消除压力起着至关重要的作用。BMI指数简称体重指数，是目前国际上常用的人体胖瘦以及是否健康的指标。</p>
            </div>
        </div>
        <!--健康指数-->
        <div class="h_index">
            <div class="xingxing"></div>
           <div class="index_content">
               <!--获取图片-->
               <!--<img class="start" src="images/start3.png">-->
               <p>饮食健康指数</p>
           </div>
            <!--获取内容-->
            <p class="p_start"></p>
           <!--<p class="p_start">您的饮食习惯不是很健康。合理营养是人体健康的重要物质基础，而平衡膳食是合理营养的核心。优质蛋白质，脂肪和碳水化合物的配比一定要均衡。合理的三餐、丰富的种类、简单的烹饪方式、清淡的口味、不麻痹味蕾、不贪吃的饮食态度，这些健康的饮食习惯，长期保持，功效可见。</p>-->
        </div>
        <!--按钮-->
           <button class="btn">重新测试</button>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<script type="application/javascript">
    $(function() {
        $.ajax({
            //请求方式为get
            type: "get",
            //json文件位置
            url: "js/data.json",
            //返回数据格式为json
            dataType: "json",
            //请求成功完成后要执行的方法
            success: function(data) {
                //使用$.each方法遍历返回的数据date,插入到id为#result中
                var str1 = " ";
                var str2 = " ";
                var str3 = " "
                $.each(data, function(i, n) {
                    console.log(data)
                    //要添加的内容
                    if(data[i][0]) {
                        str1 += "<img class='start' src='" + data[i][0]["imgurl"] + "'>";
                        str2 += "<span>" + data[i][0]["h_text"] + "</span>";
                        str3+=data[i][0]["uid"] ;
                        str1 += " ";
                        str2 += " ";
                        str3+=""
                        // alert("ll")
                        $(".xingxing").append(str1);
                        $(".p_start").append(str2);
                        $(".bmi").append(str3);
                    }
                })
            }
        });
    });
</script>
</html>
